<!-- 
  Kuda includes a library and editor for authoring interactive 3D content for the web.
  Copyright (C) 2011 SRI International.

  This program is free software; you can redistribute it and/or modify it under the terms
  of the GNU General Public License as published by the Free Software Foundation; either 
  version 2 of the License, or (at your option) any later version.
 
  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
  See the GNU General Public License for more details.
 
  You should have received a copy of the GNU General Public License along with this program; 
  if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 
  Boston, MA 02110-1301 USA.
-->

<div id="editCurvesDlg" title="Edit Curves">
    <form id="crvForm" method="post" action="">
        <fieldset id="crvCurveParams">
            <legend>
                Set Curve Parameters
            </legend>
            <ol>
                <li>
                    <label for="crvSystemTypeSelect" class="long">
                        System Type
                    </label>
                    <select id="crvSystemTypeSelect">
                        <option value="-1">Select System Type</option>
                        <option value="emitter">Emitter</option>
                        <option value="trail">Trail</option>
                    </select>
                </li>
                <li>
                    <label for="crvShapeSelect" class="long">
                        Particle Shape
                    </label>
                    <select id="crvShapeSelect">
                        <option value="-1">Select Particle Shape</option>
                        <option value="cube">Cubes</option>
                        <option value="sphere">Spheres</option>
                        <option value="arrow">Arrows</option>
                    </select>
                </li>
				<li>
					<label for="crvParticleCount" class="long">
						Number of Particles
					</label>
                    <input type="text" value="" id="crvParticleCount" class="short" />
				</li>
                <li>
                    <label for="crvColorRamp0R" class="long" id="crvColorRamp0Lbl">
                        Color Ramp
                    </label>
                    <div id="crvColorRampWrapper" class="long">
                        <button id="crvAddColorToRamp">
                            Add Color
                        </button>
                    </div>
                </li>
				<li>
					<label for="crvLife" class="long">
						System Life Time
					</label>
                    <input type="text" value="" id="crvLife" class="short" />
				</li>
				<li>
					<label for="crvParticleSize" class="long">
						Particle Size
					</label>
                    <input type="text" value="" id="crvParticleSize" class="short" />
				</li>
				<li>
					<label for="crvTension" class="long">
						Tension
					</label>
                    <input type="text" value="" id="crvTension" class="short" />
				</li>
				<li>
					<label for="crvAim" class="long">
						Aim Particles
					</label>
                    <input type="checkBox" value="1" id="crvAim" class="short" />
				</li>
			</ol>
        </fieldset>
		<fieldset id="crvBoxes">
			<legend>
				Configure Curve Boxes
			</legend>
			<ol id="crvBoxList">				
                <li id="crvBoxForms">
                    <label for="crvPosition" class="long">
                        Position
                    </label>
					<div id="crvPositionDiv">
					</div>
                    <label for="crvDimensions" class="long">
                        Dimensions
                    </label>
					<div id="crvDimensionsDiv">
					</div>
					<div class="buttons">
	                    <button id="crvAddSaveBoxBtn">
	                        Add
	                    </button>
	                    <button id="crvCancelBoxBtn">
	                        Cancel
	                    </button>
					</div>
                </li>
            </ol>
		</fieldset>
        <fieldset id="crvPreview">
            <legend>
                Preview Your Changes
            </legend>
            <ol>
                <li>
                	<div class="buttons standalone">
	                    <button id="crvPreviewStartBtn">
	                        Start
	                    </button>
	                    <button id="crvPreviewStopBtn">
	                        Stop
	                    </button>
					</div>
                </li>
            </ol>
        </fieldset>
        <fieldset id="crvSave">
            <legend>
                Save Your Curve
            </legend>
            <ol>
                <li>
                    <label for="crvName">
                        Name:
                    </label>
                    <input type="text" id="crvName" class="name" autocomplete="off" />
                    <div class="buttons">
                        <button id="crvSaveBtn" disabled="disabled">
                            Save
                        </button>
                        <button id="crvCancelBtn">
                            Cancel
                        </button>
                    </div>
                </li>
            </ol>
        </fieldset>
    </form>
</div>
